<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>制作简易的购物车页面</title>
    <link type="text/css" rel="stylesheet" href="css/cartStyle.css" />
</head>
<body>

<div class="content">
    <div class="logo">
        <img src="images/logo.jpg"><span onclick="close_plan();">关闭</span>
    </div>
    <div class="cartList">
        <ul>
            <li onclick="collection();">移入收藏</li>
            <li onclick="del();">删除</li>
            <li onclick="collection();">移入收藏</li>
            <li onclick="del();">删除</li>
            <li><span onclick="accounts();">结 算</span></li>
        </ul>
    </div>
</div>
<script>
    function close_plan(){
        window.close();
    }

    function collection(){
        var flag=confirm("移动收藏后，将不再购物车显示，是否继续操作？");
        if(flag == true){
            alert("移动收藏成功！！！");
        } else {
        
    }
}

  function del(){
      var flag=confirm("你确定要删除商品吗？");
      if(flag == true){
          alert("删除成功！！！");
         } else {
          
      }
 
          
      }
  
</script>
</body>
</html>